<template>
<div class="app-container calendar-list-container">
  <el-tabs type="border-card">
    <el-tab-pane label="全部">
      <all></all>
    </el-tab-pane>
    <el-tab-pane label="待付款">
      <needPay></needPay>
    </el-tab-pane>
    <el-tab-pane label="待发货">
      <needSend></needSend>
    </el-tab-pane>
    <el-tab-pane label="已发货">
      <needReceive></needReceive>
    </el-tab-pane>
    <el-tab-pane label="已完成">
      <finish></finish>
    </el-tab-pane>
    <!-- <el-tab-pane label="已关闭">已关闭</el-tab-pane> -->
  </el-tabs>
</div>
</template>

<script>
import { mapGetters } from 'vuex';
import all from './components/all.vue'
import needPay from './components/needPay.vue'
import needSend from './components/needSend.vue'
import needReceive from './components/needReceive.vue'
import finish from './components/finish.vue'
export default {
  name: 'shopOrder',
  components: {
    'all' :all,
    'needPay' : needPay,
    'needSend' : needSend,
    'needReceive' : needReceive,
    'finish' : finish
  },
  data() {
    return {
    }
  },
  created() {
    this.brandManager_btn_edit = this.elements['brandManager:btn_edit'];
    this.brandManager_btn_del = this.elements['brandManager:btn_del'];
    this.brandManager_btn_add = this.elements['brandManager:btn_del'];
  },
  computed: {
    ...mapGetters([
      'elements'
    ])
  },
  methods: {
  }
}
</script>
<style>
</style>